<template>
	<div id="yingy">
		<div style="width: 100%;height: 60px;background: #e54847;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #fcecec;">影院</div>
		<div style="width: 95%;background: #fff;margin:0 2.5%;">
			<div style="width: 100%;padding-top: 25px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #f7f7f7;padding-bottom: 10px;" v-for="(i,$index) in arr">
				<div style="display: flex;flex-direction: column;justify-content: space-between;">
					<p style="font-size: 16px;color: #000000;margin-bottom: 10px;">{{i.nm}}<span style="color: #f0433d;">{{i.sellPrice}}</span><span style="font-size: 14px;color: #f0433d;">元起</span></p>
					<p style="font-size: 14px;color: #959595;margin-bottom: 10px;">{{i.addr}}</p>
					<p style="margin-bottom: 10px;">
						<span style="border:2px solid #ffbb54;color: #ffbb54;font-size: 12px;padding: 3px;" v-for="a in i.tag.hallType">{{a}}</span>
						<span style="border:2px solid #8bbbc8;color: #8bbbc8;font-size: 12px;padding: 3px;" v-if="i.tag.vipTag!=underfind">{{i.tag.vipTag}}</span>
					</p>
					<p style="font-size: 12px;color: #ababab;" v-if="i.promotion.cardPromotionTag!=underfind">{{i.promotion.cardPromotionTag}}</p>
				</div>
				<span style="color: #7f7f7f;font-size: 14px;">700M</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				arr: []
			}
		},
		mounted() {
			var _this = this;
			console.log(this.$http.get)
			this.$http.get('/yingyuan.php', {
				params: {}
			}).then(function(res) {
				_this.arr=res.data.cinemas
				console.log(_this.arr)
				console.log(res)
			})
		}
	}
</script>

<style>
	#yingy{
		font-size: 16px!important;
		width: 100%;
		overflow: hidden;
	}
</style>
